$(function () {
    // 隐藏子标题
    $(".menu_item").each(function () {
        $(this).children(".menu_content").hide();
    });

    // 给菜单项中所有主题绑定事件
    $(".menu_title").each(function () {
        // 获取点击当前标签下所有子标签
        var menuConList = $(this).parents(".menu_item").children(".menu_content");

        // 绑定点击事件，判断menuConList的display这个属性是否为none,是none的话隐藏状态
        $(this).click(function () {
            if (menuConList.css("display") != "none") {
                // 隐藏，传参自带动画，单位毫秒
                menuConList.hide(300);
            } else {
                // 显示
                $(".menu_item").each(function () {
                    $(this).children(".menu_content").hide(300);
                });
                menuConList.show(300);
            }
        });
    });

    // content切换
    $(".menu_content a").each(function () {
        $(this).click(function () {
            $(".content").html($(this).html());
        });
    });

    $(".menu_content a").click(function () {
        console.log($(this).attr("rel"));
        setStyleSheet($(this).attr("rel"));
    });

    /**
    * 查找所有的link标签，找到符合条件的css进行切换
    * @title:需要切换的css文件名称，也可以是某值，主要是能够找到所要切换的link标签
    **/
    function setStyleSheet(title) {
        // 首先找到DOM中所有的link标签
        var link_list = document.getElementsByTagName("link");
        if (link_list) {
            for (var i = 0; i < link_list.length; i++) {
                // 要找到所有link中rel属性值包括style的，也就是包括stylesheet和alternate stylesheet;
                if (link_list[i].getAttribute("rel").indexOf("style") != -1) {
                    // 将符合条件的link的disabled的属性设为true，都改为禁用；
                    if (link_list[i].getAttribute("title") != "main") {
                        link_list[i].disabled = true;
                    }
                    // 然后判断link标签中的title属性，找到我们需要替换的css文件
                    // 找到后将该link的disabled改为启用；
                    if (link_list[i].getAttribute("title") === title) {
                        link_list[i].disabled = false;
                    }
                }
            }
        }
    };

}
);